/* 公共 ----------------------------------------------------- */
*{box-sizing: border-box;font-family: "微软雅黑";}
.wp{max-width: 1200px;margin: 0 auto;}

/* 头部 */
#head{}
#head .top{height: 80px;display: flex;justify-content: space-between;
	align-items: center;
}
#head .top .logo img{width: 155px;vertical-align: middle;}
#head .top .right{display: flex;align-items: center;justify-content: space-between;}
#head .top .right img{width: 26px;vertical-align: middle;margin-right: 6px;}
#head .top .right .tel span{font-size: 18px;color: #333;vertical-align: middle;
	font-weight: bold;
}
#head .top .right .weixin{margin:0 36px;cursor: pointer;position: relative;} 
#head .top .right .weixin span{font-size: 14px;color: #33acb1;vertical-align: middle;}
#head .top .right .weixin .ewm{position: absolute;padding-top: 12px;display: none;
	left: 50%;top: 100%;margin-left: -44px;z-index: 999;
}
#head .top .right .weixin .ewm img{width: 88px;vertical-align: middle;}
#head .top .right .weixin:hover .ewm{display: block;}
#head .top .right .cn_en{cursor: pointer;} 
#head .top .right .cn_en img{width: 22px;} 
#head .top .right .cn_en span{font-size: 16px;color: #333;vertical-align: middle;}
#head .head_nav{background-color: #33acb1;}
#head .head_nav a{display: inline-block;width: 140px;height: 50px;text-align: center;
	line-height: 50px;font-size: 16px;color: #fff;margin-right: 8px;
}
#head .head_nav a:hover,#head .head_nav a.on{background-color: #24989d;}

#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: center;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;
	background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-user-select: none;
   -moz-user-focus: none;
   -moz-user-select: none;
}	
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:46px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:46px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}




/* Homepage */

.index_banner{position: relative;width: 100%;overflow: hidden;}
.index_banner img{max-width: 100%;vertical-align: middle;}
.index_banner .swiper-pagination{z-index: 8;}
.index_banner  .swiper-pagination-bullet{background-color: #fff;opacity:0.6;
	width: 30px;height: 5px;border-radius: 50px;opacity: 1;
	background-color:#fff;cursor: pointer;
}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{	
   background-image: linear-gradient(to right, #33acb1, #33acb1);
   
}
.index_banner .swiper-pagination{bottom: 25px !important;}

.index_banner .prev,
.index_banner .next{width: 50px;height: 50px;
	bottom: 0;top: auto;position: absolute;cursor: pointer;
	top: 50%;margin-top: -18px;z-index: 2;opacity: 0.5;
}
.index_banner .prev{background-image: url(../images/icon2.png);
	background-size: 50px auto;left: 75px;
}
.index_banner .next{background-image: url(../images/icon1.png);
	background-size: 50px auto;right: 75px;
}
.index_banner .prev:hover{opacity: 0.8;}
.index_banner .next:hover{opacity: 0.8;}

.index_news{padding: 40px 0;background-color: #fff;}


.index_tit{display: flex;justify-content: space-between;
	align-items: center;
}
.index_tit h4{display: inline-block;font-size: 24px;color: #333;position: relative;
	padding-left: 12px;
}
.index_tit h4 em{position: absolute;left: 0;display: block;
	background-color: #33acb1;width: 5px;height: 26px;
	border-radius: 3px;left: 0;top: 50%;transform: translateY(-50%);
}
.index_tit .left span{font-size: 12px;color: #999;margin-left: 15px;}
.index_tit .more{}
.index_tit .more a{display: block;font-size: 12px;color: #999;border: 1px solid #ddd;
	width: 86px;height: 30px;line-height: 26px;text-align: center;border-radius: 50px;
}
.index_tit .more a img{width: 14px;vertical-align: middle;}
.index_tit .more a span{vertical-align: middle;margin-right: 10px;}

.index_tit .more a:hover{background-color: #33acb1;border: 1px solid #33acb1;
	color: #fff;
}
.index_tit .more a .img1{display: inline-block;}
.index_tit .more a .img2{display: none;}

.index_tit .more a:hover .img1{display: none;}
.index_tit .more a:hover .img2{display: inline-block;}
.index_news .con{overflow: hidden;margin-top: 22px;}
.index_news_left{width: 49%;float: left;overflow: hidden;position: relative;}

.index_news_left .swiper-slide{border-radius: 8px;overflow: hidden;
	position: relative;
}

.index_news_left img{width: 100%;vertical-align: middle;}
.index_news_left .swiper-pagination{z-index: 8;width: auto !important;
	right: 0;left: auto !important;padding-right: 20px;
}
.index_news_left .swiper-pagination-bullet{background-color: #fff;opacity:0.6;
	width: 10px;height: 10px;border-radius: 50px;opacity: 1;
	background-color:#fff;cursor: pointer;
}
.index_news_left .swiper-pagination-bullet.swiper-pagination-bullet-active{	
   background-image: linear-gradient(to right, #33acb1, #33acb1);
   width: 26px;   
}
.index_news_left .swiper-pagination{bottom: 15px !important;}
.index_news_left .txt{position: absolute;left: 0;z-index: 9;
	bottom: 0;height: 50px;line-height: 50px;
	width: 70%;padding-left: 15px;
}
.index_news_left .txt p{font-size: 16px;color: #fff;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.index_news_right{width: 49%;float: right;}
.index_news_right .top{border-bottom: 1px solid #ddd;padding-bottom: 16px;
	padding-top: 5px;
}
.index_news_right .top h4 img{width: 26px;vertical-align: middle;}
.index_news_right .top h4 span{font-size: 18px;color: #333;vertical-align: middle;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 5px;
}
.index_news_right .top:hover h4 span{color: #33acb1;}
.index_news_right .top p{font-size: 12px;color: #666;margin-top: 12px;
	line-height: 1.8;height: 44px;overflow: hidden;
}
.index_news_right .item{display: flex;justify-content: space-between;align-items: center;
	margin-top: 18px;
}
.index_news_right .item p{font-size: 14px;color: #333;width: 70%;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.index_news_right .item span{font-size: 12px;color: #666;}
.index_news_right .item:hover p{color: #33acb1;}

.index_service{padding: 40px 0;background-color: #f5f5f5;}
.index_service .tit h4{text-align: center;font-size: 24px;color: #333;}
.index_service .chose_tit{border-bottom: 1px solid #e6e6e6;margin-top: 20px;
	text-align: center;
}
.index_service .chose_tit span{margin: 0 60px;font-size: 14px;color: #333;cursor: pointer;
	height: 40px;display: inline-block;position: relative;
}
.index_service .chose_tit span em{ width: 0;position: absolute;
	left: 50%;bottom: 0;height: 0;transform: translateX(-50%);
	border-left: 5px solid transparent;display: none;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #33acb1;
}
.index_service .chose_tit span.on{color: #33acb1;border-bottom: 2px solid #33acb1;}
.index_service .chose_tit span.on em{display: block;}
.index_service .chose_tit span:hover{color: #33acb1;border-bottom: 2px solid #33acb1;}
.index_service .list{margin-left: -20px;margin-top: 25px;}
.index_service .list .item{width: 50%;padding-left: 20px;margin-top: 20px;
	float: left;
}
.index_service .list .item .con{background-color: #fff;border-radius: 5px;overflow: hidden;
	padding-left: 180px;box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
.index_service .list .item .pic{width: 180px;height: 140px;
	border-radius: 5px;overflow: hidden;float: left;
	margin-left: -180px;
}
.index_service .list .item .text{padding: 20px;}
.index_service .list .item h4{font-size: 14px;color: #333;font-weight: normal;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.index_service .list .item p{font-size: 12px;color: #999;line-height: 2;margin-top: 20px;
	height: 48px;overflow: hidden;
}
.index_service .list .item:hover h4{color: #33acb1;}


.index_more{text-align: center;margin-top: 30px;}
.index_more a{display: inline-block;font-size: 12px;color: #999;border: 1px solid #ddd;
	width: 112px;height:34px;line-height:28px;text-align: center;border-radius: 50px;
}
.index_more a img{width: 14px;vertical-align: middle;}
.index_more a span{vertical-align: middle;margin-right: 10px;}

.index_more a:hover{background-color: #33acb1;border: 1px solid #33acb1;
	color: #fff;
}
.index_more a .img1{display: inline-block;}
.index_more a .img2{display: none;}

.index_more a:hover .img1{display: none;}
.index_more a:hover .img2{display: inline-block;}

.index_job{padding: 40px 0;background-color: #fff;}



.index_tit2{display: flex;justify-content: space-between;
	border-bottom: 1px solid #d8d8d8;
}
.index_tit2 h4{display: inline-block;font-size: 24px;color: #333;position: relative;
	padding-left: 12px;
}
.index_tit2 h4 em{position: absolute;left: 0;display: block;
	background-color: #33acb1;width: 5px;height: 26px;
	border-radius: 3px;left: 0;top: 50%;transform: translateY(-50%);
}
.index_tit2 .left span{font-size: 12px;color: #999;margin-left: 15px;}
.index_tit2 .more{}
.index_tit2 .more a{display: block;font-size: 12px;color: #999;border: 1px solid #ddd;
	width: 86px;height: 30px;line-height: 26px;text-align: center;border-radius: 50px;
}
.index_tit2 .more a img{width: 14px;vertical-align: middle;}
.index_tit2 .more a span{vertical-align: middle;margin-right: 10px;}

.index_tit2 .more a:hover{background-color: #33acb1;border: 1px solid #33acb1;
	color: #fff;
}
.index_tit2 .more a .img1{display: inline-block;}
.index_tit2 .more a .img2{display: none;}

.index_tit2 .more a:hover .img1{display: none;}
.index_tit2 .more a:hover .img2{display: inline-block;}

.index_tit2 .right{padding-top: 12px;}
.index_tit2 .right span{margin: 0 30px;font-size: 14px;color: #333;cursor: pointer;
	height: 40px;display: inline-block;position: relative;
}
.index_tit2 .right span em{ width: 0;position: absolute;
	left: 50%;bottom: 0;height: 0;transform: translateX(-50%);
	border-left: 5px solid transparent;display: none;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #33acb1;
}
.index_tit2 .right span.on{color: #33acb1;border-bottom: 2px solid #33acb1;}
.index_tit2 .right span.on em{display: block;}
.index_tit2 .right span:hover{color: #33acb1;border-bottom: 2px solid #33acb1;}

.index_job .list{margin-left: -22px;}
.index_job .list .item{width: 25%;float: left;padding-left: 22px;
	margin-top: 22px;
}
.index_job .list .con{border: 1px solid #d8d8d8;}
.index_job .list .con .pic{padding-top: 67%;
	background-size: cover;background-position: center center;
}
.index_job .list .con .text{padding: 15px;}
.index_job .list .con h4{font-size: 16px;color: #333;font-weight: normal;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.index_job .list .con p{margin-top: 10px;font-size: 12px;color: #999;line-height: 1.8;
	height: 44px;overflow: hidden;
}
.index_job .list .con:hover{box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.index_job .list .con:hover h4{color: #33acb1;}
.index_job .list .time{display: flex;justify-content: space-between;
	align-items: center;margin-top: 8px;
}
.index_job .list .time img{width: 18px;vertical-align: middle;}
.index_job .list .time span{font-size: 12px;color: #666;
	margin-left: 6px;
}
.index_job .list .time .type{text-align: center;color: #fff;width: 80px;
	height: 28px;line-height: 28px;background-color: #33acb1;
}

.index_talent{padding: 40px 0;background-color: #f5f5f5;}

.index_talent_tit h4{text-align: center;font-size: 24px;color: #333;}
.index_talent .list{margin-top: 25px;margin-left: -12px;}
.index_talent .item{width: 33.3333%;padding-left: 12px;float: left;}
.index_talent .con{box-shadow: 0 0 8px rgba(0,0,0,0.2);
	background-color: #fff;border-radius: 5px;overflow: hidden;
}
.index_talent .con .tit{height: 56px;border-bottom: 1px solid #d8d8d8;
	padding: 0 20px;display: flex;justify-content: space-between;
	align-items: center;
}
.index_talent .con .tit h4{font-size: 18px;color: #333;}
.index_talent .con .tit a{font-size: 12px;color: #999;}
.index_talent .con .tit a:hover{color: #33acb1;}
.index_talent .con .kuai{padding: 20px;}
.index_talent .con .pic{padding-top: 48%;border-radius: 5px;
	background-size: cover;background-position: center center;
}
.index_talent .con .ul{margin-top: 20px;}
.index_talent .con .ul p{margin: 10px 0;font-size: 14px;color: #333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.index_talent .con .ul em{color: #999;margin-right: 6px;}
.index_talent .con .ul p:hover{color: #33acb1;}






#web_food{}
#web_food .food_nav{background-color: #565656;padding: 60px 0;}
#web_food .food_nav .wp{display: flex;
    justify-content: space-between;
}
#web_food .left{width: 380px;}
#web_food .left .logo{margin-bottom: 35px;}
#web_food .left .logo img{width: 130px;vertical-align: middle;}
#web_food .left .item{padding-left: 38px;position: relative;margin-top: 20px;}
#web_food .left .item .icon{position: absolute;left: 0;top: 3px;}
#web_food .left .item .icon img{width: 24px;vertical-align: middle;}
#web_food .left .item p{font-size: 14px;color: #fff;opacity: 0.6;
	line-height: 2;
}

#web_food .left .item_code{margin-top: 20px;width: 88px;text-align: center;} 
#web_food .left .item_code span{font-size: 12px;color: #fff;opacity: 0.6;
	margin-top: 6px;display: block;
}



#web_food .food_nav dl{}
#web_food .food_nav dt{font-size: 17px;color: #fff;}
#web_food .food_nav dd{margin-top: 15px;}
#web_food .food_nav dd a{font-size: 14px;color: #fff;opacity: 0.6;}
#web_food .food_nav dd a:hover{opacity: 1;}
#web_food .copy{padding-top: 18px;padding-bottom: 20px;background-color: #242424;}
#web_food .copy p{text-align: center;}
#web_food .copy p span{font-size: 12px;color: #fff;opacity: 0.5;}
#web_food .copy p a{font-size: 12px;color: #fff;opacity: 0.5;}
#web_food .copy p a:hover{opacity: 0.6;}





#web_right{position: fixed;right: 20px;bottom: 10%;z-index: 6;}
#web_right .item{padding: 15px;border-radius: 3px;background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);cursor: pointer;margin: 5px 0;
	position: relative;
}

#web_right .item:hover{background-color: #33acb1;}
#web_right .item:hover text{color: #fff;}
#web_right .item .pic_two{display: none;}
#web_right .item:hover .pic_one{display: none;}
#web_right .item:hover .pic_two{display: block;}
#web_right .item.item_three image{width: 20px;height: auto;}


#web_right .item.item_two .icon{background-image: url(../images/icon4.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_two:hover .icon{background-image: url(../images/icon7.png);}


#web_right .item.item_three .icon{background-image: url(../images/icon5.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_three:hover .icon{background-image: url(../images/icon8.png);}


#web_right .item.item_four .icon{background-image: url(../images/icon5.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_four:hover .icon{
	background-image: url(../images/i20_2.png);
}

#web_right .item.item_five .icon{background-image: url(../images/icon3.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_five:hover .icon{
	background-image: url(../images/icon6.png);
}

#web_right .item img{width: 24px;vertical-align: middle;height: auto;}
#web_right .item>span{display: block;width: 2em;margin-top: 5px;
	font-size: 12px;color: #333;
}
#web_right .item:hover>span{color: #fff;}
#web_right .item .tel{position: absolute;height: 100%;right: 100%;top: 0;
	background-color: #fff;white-space: nowrap;padding: 0 25px;
	display: flex;justify-content: center;align-items: center;
	font-size: 16px;margin-right: 5px;border-radius: 3px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);display: none;
}
#web_right .item .tel .span{font-size: 12px;display: block;color: #999;}
#web_right .item .tel .em{font-size: 18px;display: block;margin-top: 2px;
	color: #2ea7e0;font-weight: bold;
}
#web_right .item:hover .tel{display: flex;}

#web_right .item .code{position: absolute;right: 100%;top: 0;
	background-color: #fff;white-space: nowrap;padding: 8px;	
	font-size: 16px;margin-right: 5px;border-radius: 3px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);text-align: center;
	display: none;
}
#web_right .item .code img{width: 110px;vertical-align: middle;}
#web_right .item .code p{font-size: 12px;color: #999;}
#web_right .item:hover .code{display: block;}


.nei_banner{padding-top: 170px;padding-bottom: 190px;text-align: center;
	background-repeat: no-repeat;background-size: cover;background-position: center;
}
.nei_banner h4{font-size: 36px;color: #fff;font-weight: normal;}
.nei_banner p{font-size: 18px;color: #fff;margin-top: 10px;}
.home_now_cur{text-align: center;padding: 18px 0;border-bottom: 1px solid #e6e6e6;}
.home_now_cur span{display: inline-block;
	text-align: center;height: 36px;line-height: 36px;margin-left: 20px;
	border-radius: 50px;font-size: 14px;color: #33acb1;cursor: pointer;
	position: relative;overflow: hidden;border: 1px solid #33acb1;
	padding: 0 30px;background-color: #fff;vertical-align: middle;
}
.home_now_cur span.on,
.home_now_cur span:hover{background-color: #33acb1;color: #fff;}

.about_us{padding: 60px 0;}
.about_us .info{align-items: center;display: flex;justify-content: space-between;}
.about_us .info .left{width: 50%;}
.about_us .info .left h4{font-size: 32px;color: #000;font-weight: normal;}
.about_us .info .left p{font-size: 17px;color: #666;
	line-height: 1.8;margin-top: 20px;
}
.about_us .info .right{width: 45%;}
.about_us .info .right img{width: 100%;vertical-align: middle;border-radius: 10px;}
.about_us .icon_item{overflow: hidden;margin-left: -30px;margin-top: 60px;}
.about_us .icon_item .item{width: 25%;float: left;padding-left: 30px;}
.about_us .icon_item .item .con{background-color: #edeff1;border-radius: 10px;
	cursor: pointer;
}
.about_us .icon_item .item .con .pic{height: 175px;text-align: center;
	padding-top: 38px;
}
.about_us .icon_item .item .con .pic img{width: 50px;vertical-align: middle;}
.about_us .icon_item .item .con .pic p{font-size: 20px;color: #333;
	margin-top: 15px;
}
.about_us .icon_item .item.on{width: 50%;}
.about_us .icon_item .item.on .con{background-image: linear-gradient(to right, #33acb1, #33acb1);}

.about_us .icon_item .item .pic2{padding-left: 70px;height: 175px;display: none;
	padding-top: 56px;overflow: hidden;
}
.about_us .icon_item .item .pic2 .icon{float: left;margin-top: 5px;}
.about_us .icon_item .item .pic2 .txt{float: left;padding-left: 26px;}
.about_us .icon_item .item .pic2 h6{font-size: 20px;color: #fff;font-weight: normal;}
.about_us .icon_item .item .pic2 p{font-size: 16px;color: #fff;margin-top: 5px;}
.about_us .icon_item .item .pic2 img{width: 50px;vertical-align: middle;}
.about_us .icon_item .item.on .pic2{display: block;}
.about_us .icon_item .item.on .pic{display: none;}



.contact_us{padding: 60px 0;overflow: hidden;
	
}
.contact_us .wp{display: flex;align-items: center;
	justify-content: space-between;
}
.contact_us .left{width: 50%;padding-right: 50px;}
.contact_us .pic{width: 50%;padding-left: 50px;}
.contact_us .pic img{width: 100%;vertical-align: middle;border-radius: 8px;}
.contact_us h4{font-size: 36px;font-weight: normal;color: #000;margin-bottom: 16px;}
.contact_us p{font-size: 16px;color: #666;margin-top: 15px;line-height:1.8;}

.web_list_page{background-color: #f5f5f5;padding-top: 15px;padding-bottom: 30px;}
.web_list_page .wp{padding-right: 295px;}
.web_list_page .wp .right{width: 285px;margin-right: -295px;float: right;}
.web_list_page .left{float: left;}
.web_list_page .left_banner{width: 100%;}
.web_list_page .left_banner img{vertical-align: middle;width: 100%;}
.web_list_page .chose_title{background-color: #fff;padding: 20px 25px;}
.web_list_page .chose_title span{font-size: 14px;color: #999;}
.web_list_page .chose_title .item{margin: 12px 0;}
.web_list_page .chose_title em{font-size: 14px;color: #333;
	display: inline-block;height: 28px;line-height: 26px;
	border:1px solid #fff;margin-right: 12px;cursor: pointer;
	padding: 0 18px;border-radius: 50px;
}
.web_list_page .chose_title em:hover{color: #33acb1;}
.web_list_page .chose_title em.on{border: 1px solid #33acb1;color: #33acb1;}
.web_list_page .list{margin-top: 15px;padding: 0 25px;background-color: #fff;}
.web_list_page .list .item{padding: 22px 0;overflow: hidden;
	border-bottom: 1px solid #ebebeb;padding-left: 235px;
}
.web_list_page .list .item .pic{width: 235px;background-size: cover;
	background-position: center;position: relative;margin-left: -235px;
	float: left;height: 135px;border-radius: 5px;
}
.web_list_page .list .item .pic em{position: absolute;display: block;
	left: 15px;bottom: 15px;border-radius: 50px;font-size: 12px;color: #fff;
	background-color: rgba(0, 0, 0, .6);padding:  4px 16px;
}
.web_list_page .list .item .text{padding-left: 20px;padding-top: 8px;}
.web_list_page .list .text h4{font-size: 14px;color: #333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.web_list_page .list .text p{margin-top: 8px;font-size: 12px;color: #999;
	line-height: 2;height: 48px;overflow: hidden;
}
.web_list_page .list .text .time{margin-top: 12px;}
.web_list_page .list .text .time img{width: 18px;vertical-align: middle;}
.web_list_page .list .text .time span{font-size: 12px;
	color: #999;vertical-align: middle;margin-left: 8px;
}
.web_list_page .list .item:hover .text h4{color: #33acb1;}

#page{text-align: center;margin-top:40px;padding-bottom: 40px;}
#page a{height: 42px;min-width: 42px;line-height: 42px;text-align: center;
	display: inline-block;padding: 0 15px;
	border: 1px solid #dfdfdf;font-size: 14px;color: #333;margin: 0 3px;
}
#page a:hover,#page a.on{background-color: #33acb1;border: 1px solid #33acb1;color: #fff;}

.web_list_page .contact{width: 100%;padding: 30px 20px;text-align: center;
	background-image: linear-gradient(to bottom, #33acb1, #fff,#fff);
}
.web_list_page .contact .icon{width: 100px;vertical-align: middle;}
.web_list_page .contact p{font-size: 14px;color: #333;}
.web_list_page .contact .tel{margin-top: 15px;}
.web_list_page .contact .tel img{width: 26px;vertical-align: middle;margin-right: 6px;}
.web_list_page .contact .tel span{font-size: 18px;color: #333;vertical-align: middle;
	font-weight: bold;
}
.web_list_page .contact .btn{margin-top: 20px;display: flex;justify-content: space-between;
	padding:0 20px;
}
.web_list_page .contact .btn a{display: block;width: 90px;font-size: 12px;
	height: 34px;border: 1px solid #33acb1;line-height: 32px;
	color: #33acb1;border-radius: 3px;
}
.web_list_page .contact .btn a:hover{background-color: #33acb1;color: #fff;}
.web_list_page .hot_list{margin-top: 15px;background-color: #fff;
	padding: 0 20px;
}
.web_list_page .hot_list .tit{height: 50px;line-height: 50px;border-bottom: 1px solid #ebebeb;}
.web_list_page .hot_list .tit h4{font-size: 18px;color: #333;font-weight: normal;
	position: relative;padding-left: 12px;
}
.web_list_page .hot_list .tit h4 em{display: block;position: absolute;transform: translateY(-40%);
	left: 0;height: 18px;width: 4px;background-color: #33acb1;left: 0;top: 50%;
	border-radius: 3px;
}
.web_list_page .hot_list .list_p{padding-bottom: 20px;margin-top: 12px;}
.web_list_page .hot_list .list_p p{margin: 9px 0;font-size: 14px;color: #333;}
.web_list_page .hot_list .list_p em{color: #33acb1;vertical-align: 2px;
	margin-right: 6px;
}
.web_list_page .hot_list .list_p p:hover{color: #33acb1;}
.web_list_page .hot_list .code{width: 125px;padding: 25px 0;
	text-align: center;margin-left: auto;margin-right: auto;
}
.web_list_page .hot_list .code img{width: 125px;}
.web_list_page .hot_list .code span{color: #999;font-size: 12px;}

.now_look{background-color: #f5f5f5;padding: 15px 0;padding-bottom: 5px;}
.now_look .cur{position: relative;padding-left: 30px;}
.now_look .icon{position: absolute;left: 0;
	top: 45%;transform: translateY(-50%);
}
.now_look .icon img{width: 18px;vertical-align: middle;}
.now_look navigator{display: inline-block;
	vertical-align: middle;
}
.now_look span{font-size: 14px;vertical-align: middle;
	color: #999;
}
.now_look em{font-size: 14px;color: #999;display: inline-block;
	vertical-align: middle;margin: 0 10px;
}

.info_con{background-color: #fff;padding: 30px 26px;}
.news_deta_con{}
.news_deta_con .tit{border-bottom: 1px solid #ebebeb;
	width: 100%;
}
.news_deta_con .tit h4{font-size: 22px;color: #333;}
.deta_html{padding:20px 0;border-bottom: 1px solid #ebebeb;}
.deta_html p{font-size: 15px;color: #333;margin: 12px 0;line-height: 1.8;}
.deta_html .pic{text-align: center;margin: 25px 0;}
.deta_html .pic img{max-width: 100%;vertical-align: middle;}

.news_deta_con .back{margin-top: 45px;text-align: center;}
.news_deta_con .back a{display: inline-block;width: 166px;height: 50px;text-align: center;line-height: 48px;
	border: 1px solid #ccc;
	font-size: 14px;color: #333;transition: .3s;
}
.news_deta_con .back a:hover{background-color: #33acb1;border: 1px solid #33acb1;color: #fff;transition: .3s;}

.news_deta_con .mass {margin-top: 20px;padding-bottom: 26px;
}
.news_deta_con .mass .time{display: inline-block;vertical-align: middle;
	margin-right: 40px;font-size: 14px;color: #666;
}
















































































































      